<template>
  <div class="dashboard-container el-dialog--center" >
    <a href="#/house/rent" class="el-button el-button--primary" style="margin:10px;font-size: 48px;padding: 60px"><i class="el-icon-s-home el-table__empty-block"></i>出租管理</a>
    <a href="#/house/newhouse" class="el-button el-button--success" style="margin:10px;font-size: 48px;padding: 60px"><i class="el-icon-s-shop el-table__empty-block"></i>新房管理</a>
    <a href="#/house/oldhouse" class="el-button el-button--warning" style="margin:10px;font-size: 48px;padding: 60px 35px"><i class="el-icon-edit el-table__empty-block"></i>二手房管理</a>
  </div>
</template>

<script>
import { getIndexData } from '@/api'
import { getToken } from '@/utils/auth'

export default {
  name: 'Dashboard',
  data() {
    return {
      token: { token: getToken() }
    }
  },
  mounted() {
    getIndexData().then((result) => {
      //TODO
    })
  }
}
</script>

<style lang="scss" scoped>
.dashboard {
  &-container {
    margin: 30px;
  }
  &-text {
    font-size: 30px;
    line-height: 46px;
  }
}
 .el-row {
   margin-bottom: 20px;
   &:last-child {
     margin-bottom: 0;
   }
 }
.el-col {
  border-radius: 4px;
}
.bg-purple-dark {
  background: #99a9bf;
}
.bg-purple {
  background: #d3dce6;
}
.bg-purple-light {
  background: #e5e9f2;
}
.grid-content {
  border-radius: 4px;
  min-height: 36px;
}
.row-bg {
  padding: 10px 0;
  background-color: #f9fafc;
}
</style>
